* {padding: 0; margin: 0; text-decoration: none; line-height:1.5em;}
ul li {list-style: none;}
h1 {margin-bottom: 20px;}
a {color: #DA47DA;}

#select-menu {display: none;}
body {color: #c1c1c1;background:linear-gradient(#000, #aaaaaa);  font-style: normal; font-family:"jaf-bernino-sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif; }
.top-background {/*height: 80px;width: 100%; clear:both;position:fixed;z-index:100; */}
.page-wrapper {width: 100%;/* margin-top: 80px;*/}
.page-top-wrapper { z-index: 95;width: 100%; position: fixed;background-color:#111111; top:0px; height: 16px;}
.page-top-wrapper .lang{ text-align: right; z-index: 99; width: 19px; height: 14px;float:right; margin-right: 3px;}
.page-menu-wrapper {top:16px; z-index: 80;width: 100%; position: fixed;background:linear-gradient(to right,#999999,#111111); /*top:20px;*/}
#english-ver {background:url("en.png") no-repeat transparent; width: 19px; height: 14px; display:block;}
#polish-ver {background:url("pl.jpg") no-repeat transparent; width: 19px; height: 14px;display:block;}
#menu {position: relative;margin: 0 auto; color: #c1c1c1; height: 60px; width: 820px; float: right; margin-right: 10px;}
#menu ul {height: 100%; padding: auto auto;}
#menu li {float:left; width: 28%; vertical-align: middle; padding-top: 11px; text-align: center;}
#menu li:nth-child(3) {width: 16%;}
#menu li a {z-index: 100;position: relative;color: #c1c1c1; font-weight: bold; text-transform: uppercase; font-size: 1.6em; letter-spacing: -0.07em; marfin: 7px 3px;}
#menu li.active a{text-decoration: underline;}

#logo {background: url("../atservice175.png") left bottom no-repeat transparent; margin-left: 5%; width: 175px; height: 77px; position: fixed; z-index: 90;}

.page-section-wrapper {margin-top: 0px; width: 100%;float:left;}
.page-section { margin: 0 auto; min-height: 100px; position: relative; width: 960px; /*height: 400px;*/ padding: 10px 5% 30px 5%;}
.page-section-wrapper:nth-child(odd) {background: radial-gradient(circle at 100px 100px, #000, #5cabff); }
.page-section-wrapper:nth-child(even) {background: radial-gradient(circle at 100px 100px, #000, #5cabff); }
.page-section-wrapper#footer {background: linear-gradient(#000, #5cabff);  width: 100%;}
.page-section-wrapper#footer .page-section {text-align: right; font-size: 0.8em;}

ul.gallery,ul.images li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
}
ul.gallery li.image a.img img {
/* 	width: 167px; */
/* 	height: 120px; */
	border: none;
	margin: 0px 0px 0px 0px;
	border: none;
	height: 120px;
}

ul.gallery li {
/* background-color: #05264f; */
    float: left;
    height: 124px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
/*     padding-right: 1px; */
    padding-top: 2px;
    position: relative;
    width: 167px;
}

ul.gallery li.image img.vertical { /*height: 180px; width: 135px;*/}

ul.gallery {
	margin-left: 24px;
	margin-bottom: 20px;
	float: left;
}
.img-wrapper {
    height: 120px;
    width: 167px;
/*     padding: 1px; */
    overflow: hidden;
}
#cost {}
#cost table tr td{border:none; padding: 1% 2%;}
#cost table tr:nth-child(odd) td { background-color: #888888;}
#cost table tr:nth-child(even) td{ background-color: #686868;}
#cost table tr td:nth-child(odd) {width: 40%;}
#cost table tr td:nth-child(even) {width: 60%;}

#cost table {width: 70%; margin-bottom: 20px;}
#cost table td {padding-left: 20px;}
#cost table tr.head td {background-color: #232323; padding-left: 10px;}
#cost table tr.head td:nth-child(odd) {text-transform: uppercase;}
#cost table .subhead {text-decoration: underline;padding-left: 10px;}
#cost td.info {font-size: 0.8em;}
#cost .right-text {clear: both; text-align: center; width: 70%; padding-top: 20px; font-style: italic; }
#cost .add-info {font-size: 0.8em; display: block; clear: both; float: left;padding: 10px 0px 10px 0px;width: 70%;}
#cost .caption {font-size: 0.8em; clear: both; display: block;width: 70%;}
#cost .caption strong {clear: both; display: block}



/* reset */
.musli, .musli *{
    padding:0;
    margin:0;
    list-style:none;
}
.musli{
    position:fixed;
    right:0px;
    top:150px;
    z-index:100;
    list-style:none;
}
.musli-bottom{
    left:300px;
    bottom:0px;
    right:auto;
    top:auto;
}
.musli-top{
    left:300px;
    top:0px;
    right:auto;
    bottom:auto;
}
.musli-left{
    left:0px;
    top:200px;
    right:auto;
    bottom:auto;
}
.musli > li{
    cursor:pointer;
    width:65px;
    height:35px;
    margin-bottom:1px;
    position:relative;
}
.musli-bottom > li, .musli-top > li{
    margin-right: 1px;
    margin-bottom: 0;
    float:left;
}
.musli > li > img{
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.musli-bottom > li > img{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.musli-top > li > img{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.musli-left > li > img{
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}
.musli > li > div{
    padding:5px;
    background: #fff;
    float:left;
    width:286px; /* szerokosc zakladek */
    height:296px; /* wysokosc zakladek */
    -moz-border-radius: 0 0 0 8px;
    -webkit-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px;
    position:absolute;
    top:0;
    left:65px;
    z-index:100;
}
.musli-bottom > li > div{
    top:35px;
    left:auto;
    -moz-border-radius: 0 8px 0 0;
    -webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}
.musli-top > li > div{
    bottom:35px;
    left:auto;
    top:auto;
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}
.musli-left > li > div{
    top:0px;
    left:auto;
    right:35px;
    -moz-border-radius: 0 0 8px 0;
    -webkit-border-radius: 0 0 8px 0;
    border-radius: 0 0 8px 0;
}
.musli-google{
    border: solid #cd3c2a 3px;
}
.musli-facebook{
    border: solid #0170cf 3px;
}
.musli-twitter{
    border: solid #07afee 3px;
}
.musli-nk{
    border: solid #8fc44c 3px;
}

#our-offer ul, #about-us p {
	width: 80%;
}

#our-offer ul li {
	list-style-type: circle;
	list-style-position: inside;
}
#our-offer ul li ul li{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 5%;
}

/* #our-offer {padding-top: 80px;} */
#about-us {padding-top: 80px;}

#carousel-wrapper {width: 960px; margin-left: 5%;}









@media only screen and (max-width: 1024px) {
.page-wrapper {width: 1024px;}
.page-section {width: 94%;}
#menu {
		position: relative;
		margin: 0 auto;
		height: 60px;
		width: 100%;
		width: 710px; float: right;
	}
	#menu li {white-space: nowrap;}
    .caroufredsel_wrapper {width: 850px;}
	#carousel-wrapper {display:block;}
	#carousel {margin-left: 0px;}
}

@media only screen and (max-width: 910px) {
	.page-wrapper {width: 910px;}
	#menu {
		position: relative;
		margin: 0 2% 0 auto;
		height: 60px;
		width: 100%;
		width: 70%; float: right;
		
	}
	#menu ul {
		height: 100%;
		padding: auto auto;
	}
    #menu li {/*width:50%;*/ height: 20px; padding-top: 15px;}
	#menu li a {
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: -0.07em;
	}
/*     #menu li:nth-child(odd) {float:left; } */
/* 	#menu li:nth-child(even) {float: right; } */
	
/* 	#menu li:nth-child(1),#menu li:nth-child(2) {text-align: left;} */
/* 	#menu li:nth-child(3),#menu li:nth-child(4) {text-align: right;} */
/* 	#menu li:nth-child(1) a,#menu li:nth-child(2) a{padding-left: 3%;} */
/* 	#menu li:nth-child(3) a,#menu li:nth-child(4) a{padding-right: 3%;} */
    .caroufredsel_wrapper {width: 700px !important;}
	#carousel-wrapper {display:block;}
	#carousel {margin-left: 0px;}
	
}
/* menu dwuliniowe*/
@media only screen and (max-width: 670px) {
	.page-wrapper {width: 670px; margin-top: 0px;}
	#menu {width: 64%;}
	/*#menu li {width:50%; height: 20px;white-space: normal;}*/
	#select-menu {display: block; margin-left: 10px; width: 150px; height: 30px; font-size: 14px;margin-top: 6px;}
	#menu {display: none;}
	#logo {float: left; background: url("../atservice104.png") left bottom no-repeat transparent; 	margin-right: 3%; margin-left: 3%; width: 104px; height: 46px; position: relative; z-index: 90; /*clear:both; display:block;*/}
   	.caroufredsel_wrapper {width: 520px !important;}
	#carousel-wrapper {display:block;}
	#carousel {margin-left: 0px;}
}
@media only screen and (max-width: 540px) {
	.page-wrapper {width: 540px;font-size: 13px; margin-top: 0px;}
	.page-menu-wrapper {height: 55px;padding-top: 10px;}
	.page-section-wrapper {padding-top: 0px;margin-top: -10px;}
/* 	#our-offer {padding-top: 15px;} */
		#cost table tr td {    padding: 3px 20px;}
	#cost table tr td:nth-child(2n) {    width: 50%;}
	#cost table tr td:nth-child(2n+1) {    width: 50%;}
	#cost td.info {    font-size: 0.9em;}
	#cost .caption { font-size: 0.9em; padding-bottom: 5px;}
	#cost .add-info { font-size: 0.9em;padding: 5px 0;}
/*     #our-offer {padding-top: 70px;} */
   	.caroufredsel_wrapper {width: 350px !important;}
	#carousel-wrapper {display:block;}
	#carousel {margin-left: 0px;}
#about-us {padding-top: 90px;}
}

@media only screen and (max-width: 480px) {
.page-wrapper {width: 480px;margin-top: 0px; clear: both;font-size: 14px;}
	#logo {background: url("../atservice104.png") left bottom no-repeat transparent; float:left;margin-left: 3%; width: 104px; height: 46px; position: relative; z-index: 90; clear:both; display:block;}
	.page-menu-wrapper {position: fixed;display:block;clear:both;float:left;}
	.page-top-wrapper {position: fixed;display:block;clear:both;}
	#menu {float: left; width: 100%;}
	
	#menu li {width: 23%;text-align: center; margin: 0 auto; padding: 0 2%;}
	#menu li a {font-size: 0.98em; white-space: normal;/*letter-spacing: 0.04em;*/ text-align: center;width: 100%;}
	#menu li:nth-child(4) {width: 15%;}
    #cost table tr td:nth-child(2n+1) {   width: 50%;}
   	.caroufredsel_wrapper {}
	#carousel-wrapper {display:none;}
	
}

@media only screen and (max-width: 400px) {
	.page-menu-wrapper {position: fixed;display:block;clear:both;top:16px;}
	#menu li a {font-size: 0.94em; letter-spacing: -0.2em; }
	#select-menu {display: block; margin-left: 10px; width: 150px; height: 30px; font-size: 14px;margin-top: 6px;}
	#menu {display: none;}
	#cost table {width: 90%;}
	#logo {float: left; background: url("../atservice104.png") left bottom no-repeat transparent; 
	margin-right: 3%; margin-left: 3%; width: 104px; height: 46px; position: relative; z-index: 90; /*clear:both; display:block;*/}
	.caroufredsel_wrapper {}
	#carousel-wrapper {display:none;}
	
}

@media only screen and (max-width: 320px) {
	.page-wrapper {width: 320px;margin-top: 50px; clear: both;font-size: 14px;}
	#logo {float: left; background: url("../atservice104.png") left bottom no-repeat transparent; 
	margin-right: 3%; margin-left: 3%; width: 104px; height: 46px; position: relative; z-index: 90; /*clear:both; display:block;*/}
	.page-menu-wrapper {position: fixed;display:block;clear:both;top:16px;}
	.page-top-wrapper {position: fixed;display:block;clear:both;}
	#menu {width: 100%; display: block; clear: both; position: relative;}
	#menu li {width: 100%;}
	#menu li a {font-size: 1em;}	
	#select-menu {display: block; margin-left: 10px; width: 150px;}
	#menu {display: none;}
	.page-section-wrapper#footer .page-section {text-align: left;}
	#cost table {width: 90%;}
	#carousel-wrapper {display:none;}
}



#company-data { margin-top: 50px; margin-bottom: 50px;}
#company-data span {display: block;}
#contact-data {}

